<template>
    <div>
        <van-row justify="center">
            <van-col span="3"></van-col>
            <van-col span="18">
                <van-search
                    v-model="value"
                    placeholder="搜索"
                    style="border-radius: 20px"
                    
                />
            </van-col>
            <van-col span="3"><van-icon name="shopping-cart-o" @click="gwc" /></van-col>
        </van-row>
       

    </div>
</template>

<script>
// import { createApp } from 'vue';
// import { Swipe, SwipeItem } from 'vant';
export default {
    data() {
        return {
            value:''
        };
    },
    methods:{
        gwc(){
            this.$router.push({path:'gwc'})
        }
    }
};
</script>

<style scoped lang='less'>
* {
    margin: 0;
}
/deep/ .van-row {
    padding: 20px 0;
    background-color: #ff5555;
    // height: 120px;
    box-sizing: border-box;
    // line-height: 66.23px;
    .van-search {
        padding: 0;
        border-radius: 20px;
    }

    .van-col {
        text-align: center;
        font-size: 50px;
        color: #fff;
    }
}
:root {
    --van-search-input-height: 20px;
    --van-search-action-text-color: red;
}
</style>